@charset "utf-8";

.grid_3{
    margin-bottom: 15px;
    overflow: hidden;
}
.grid_3 > div{
    width: 350px;
    float: left;
    margin-left: 25px;
}
.grid_3 > div:first-child{
    margin-left: 0;
}

.icolink4{
    display: inline-block;
    width: 160px;
    font-size: 16px;
    line-height: 60px;
    color: #0190d1;
    transition: all .3s;
}
.icolink4:hover{
    transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    color: #005e88
}
.icolink4:before {
    font-size: 28px;
    vertical-align: middle;
}

.i-news:before{
    content: "\e002"
}
.i-notice:before{
    content: "\e003"
}
.i-book1:before{
    content: "\e004"
}
.i-book2:before{
    content: "\e005"
}
.i-book3:before{
    content: "\e006"
}
.i-book4:before{
    content: "\e007"
}
.i-book5:before{
    content: "\e008"
}
.i-book6:before{
    content: "\e009"
}
.i-book7:before{
    content: "\e010"
}
.i-book8:before{
    content: "\e011"
}

.fixedmenus{
    width: 70px;
    position: fixed;
    top: 238px;
    left: 50%;
    margin-left: 605px;
    background-color:rgba(245, 238, 237, 0.3);
}
.fixedmenus a{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #b91111;
    position: relative;
    margin-bottom: 10px;
    font-weight:700;
}
.fixedmenus a:before{
    font-size: 28px;
    color: #b91111;
    display: block;
    margin: 10px 8px 8px 4px;
    position: relative;
    z-index: 2;
}
.fixedmenus a:after{
    
    z-index: 1;
    font-size: 44px;
    position: absolute;
    top: 0;
    left: 10px;
    color: #b91111;
    text-shadow: 1px 1px 5px rgba(0,0,0,.2);
}
.fixedmenus a:hover:after{
    color: #333;
}
.fixedmenus img{
    position: absolute;
    top: 0;
    left: -100px;
    width: 100px;
    height: 100px;
    z-index: 9;
    display: none;
    box-shadow: 2px 2px 9px rgba(0,0,0,.2);
}
.fixedmenus a:hover img{
    display: block;
}